<template>
  <div class="newsInfo">
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media" v-for="item in newsList" :key="item.id">
        <router-link :to="'/home/newsInfo/'+item.id">
          <img class="mui-media-object mui-pull-left" :src="item.icon">
          <div class="mui-media-body">{{item.name}}
            <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情。</p>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
    data(){
        return {
            newsList:[
                {id:1,icon:'http://image.bitautoimg.com/bt/car/default/images/logo/masterbrand/png/100/m_3_100.png',name:'宝马'},
                {id:2,icon:'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3479710636,2545097157&fm=58&bpow=1920&bpoh=1080',name:'奔驰'},
                {id:3,icon:'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1131508826,3413750991&fm=58&s=0EAE7A22CE84BE901A9CA1D2000080A1&bpow=121&bpoh=75',name:'奥迪'},
                {id:4,icon:'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1603605317,1924323313&fm=58&bpow=1134&bpoh=1079',name:'沃尔沃'},
                {id:5,icon:'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2747754484,3083134401&fm=58&bpow=1024&bpoh=1024',name:'大众'},
                {id:6,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3320337363,1640679766&fm=58&bpow=822&bpoh=619',name:'马自达'},
                {id:7,icon:'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=634796237,2157342605&fm=58&s=7A283162C5F301981C972086030030EA&bpow=121&bpoh=75',name:'长安'},
                {id:8,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=847880415,3617623403&fm=58&s=1C287C3294F4278002C0DDCF0300B0A1&bpow=121&bpoh=75',name:'五菱宏光'},
                {id:9,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3502252005,560801772&fm=85&app=52&f=JPEG?w=121&h=75&s=C310558256AB2EAD1018E3B103007022',name:'奥拓'},
                {id:10,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=451213626,1779929066&fm=179&app=42&f=JPEG?w=121&h=140',name:'jeep'},
                {id:11,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=451213626,1779929066&fm=179&app=42&f=JPEG?w=121&h=140',name:'jeep'},
                {id:12,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=451213626,1779929066&fm=179&app=42&f=JPEG?w=121&h=140',name:'jeep'},
                {id:13,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=451213626,1779929066&fm=179&app=42&f=JPEG?w=121&h=140',name:'jeep'},
                {id:14,icon:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=451213626,1779929066&fm=179&app=42&f=JPEG?w=121&h=140',name:'jeep'}
            ]
        }
    }
};
</script>

<style lang="less" scoped>
.newsInfo {
  .mui-table-view {
    img {
      width: 40px;
      height: 40px;
    }
  }
}
</style>

